import './App.css'

import { Provider } from "react-redux"
import store from './store'

import Counter from './views/Counter'
import Goods from './views/Goods'
import AntCom from './views/AntCom'

import GlobalContext, { data } from "./utils/global.data"

function App() {

  return (

    <Provider store={store}>
      {/* 数据的代理注入 */}
      <GlobalContext.Provider value={data}>
        <div className="App">
          <h2>react扩展功能</h2>
          <hr />
          <Counter />
          <hr />
          <Goods />
          <hr />
          <AntCom />
        </div>
      </GlobalContext.Provider>
    </Provider >

  )
}

export default App
